<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title></title>
		<link rel="shortcut icon" href="icon.png" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="css/basic.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		<link rel="stylesheet" type="text/css" href="css/slider.css"/>
	</head>
	<body>
		<div id="page-black"></div>
		<!-- 
		 登录  注册部分
		 -->
		 
		<!-- 登录 -->
		 <div id="login" class="outer-black">
			 <!--  关闭登录注册弹窗-->
			 <div class="close"><img src="icon/关闭.png" onclick="closeLoginBox()"></div>
			 <div class="login-title">登录</div>
			 <div class="login-form">
				 <div class="form-group">
					<span class="i-user f-span"><input type="text" placeholder="请输入账号" class="f-input" /></span>
				 </div>
				 <div class="form-group">
					<span class="i-password f-span"><input type="password" placeholder="请输入密码" class="f-input"/> </span>
				 </div>
			 </div>
			 <div class="l-btn">
				 <button type="button" class="btn btn-danger ">登录</button>
			 </div>
		 </div>
		 <!-- 注册-->
		 <div id="register" class="outer-black">
			<div class="close"><img src="icon/关闭.png" onclick="closeRegisterBox()"></div>
			<div class="register-title">注册</div>
			<div class="register-form">
				<div class="form-group">
				<span class="i-user f-span"><input type="text" placeholder="请输入账号" class="f-input" /></span>
				</div>
				<div class="form-group">
				<span class="i-password f-span"><input type="password" placeholder="请输入密码" class="f-input"/> </span>
				</div>
				<div class="form-group">
				<span class="i-password f-span"><input type="password" placeholder="请再次输入密码" class="f-input"/> </span>
				</div>
			</div>
			<div class="l-btn">
				<button type="button" class="btn btn-danger ">注册</button>
			</div> 
		 </div>
		 
		 
		
		<!-- 
		 登录 注册结束
		 -->
		<div id="header">
			<div id="logo"><a href="index.html">WoniuShop</a></div>
			<div id="userzoom">
				<!-- if not login , use this code block-->
				<!-- <div id="n-inout">
					<a href="#" onclick="showLoginBox()" class="icon i-user">登录</a>
					<a href="#" onclick="showRegisterBox()" class=" icon i-register">注册</a>
				</div> -->
				<!-- if logined，use this -->
				<div id="y-inout">
					<a href="allorder.html" class="icon i-order">订单</a>
					<a href="shopcar.html" class="icon i-shopcar">购物车</a>
					<a href="" class="icon i-user">13888888888</a>
					<a href="" class="icon i-loginout">注销</a>
				</div>
			</div>
		</div>
		<div id="show">
			<ul class="slider">
				<li class="item"><img src="imgs/1.jpg" ></li>
				<li class="item"><img src="imgs/2.jpg" ></li>
				<li class="item"><img src="imgs/3.jpg" ></li>
				<li class="item"><img src="imgs/4.jpg" ></li>
				<li class="item"><img src="imgs/5.jpg" ></li>
			</ul>
			
			<ul class="types">
				<li class="type-item">
					<a href="paging.html">
					<div class="type-img">
						<img src="imgs/types/hat.png" >
					</div>
					<div class="type-content">
						<h3>衣服</h3>
						<p>毛衣  T恤  </p>
					</div>
					</a>
				</li>
				<li class="type-item">
					<div class="type-img">
						<img src="imgs/types/shoes.png" >
					</div>
					<div class="type-content">
						<h3>衣服</h3>
						<p>毛衣  T恤  </p>
					</div>
				</li>
				<li class="type-item">
					<div class="type-img">
						<img src="imgs/types/jacket.png" >
					</div>
					<div class="type-content">
						<h3>衣服</h3>
						<p>毛衣  T恤  </p>
					</div>
				</li>
				<li class="type-item">
					<div class="type-img">
						<img src="imgs/types/pants.png" >
					</div>
					<div class="type-content">
						<h3>衣服</h3>
						<p>毛衣  T恤  </p>
					</div>
				</li>
				<li class="type-item">
					<div class="type-img">
						<img src="imgs/types/suit.png" >
					</div>
					<div class="type-content">
						<h3>衣服</h3>
						<p>毛衣  T恤  </p>
					</div>
				</li>
			</ul>
			
		</div>
		
		<div id="footer">
			蜗牛创想科技-woniushop&copy; 版权所有
		</div>
		<script src="js/jquery.min.js" ></script>
		<script src="js/basic.js" ></script>
		<script src="js/Slider.js"></script>
		<script src="js/index.js" ></script>
	</body>
</html>